<template>
  <div class="record-item">
    <div class="record-header">
      <p class="record-name">{{recordName}}</p>
      <p class="time">{{recordTime}}</p>
    </div>

    <div class="record-content">
      <slot name="content"></slot>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    recordName: {
      type: String,
      default: "记录简要"
    },
    recordTime: {
      type: String,
      default: "2019-09-23 14:35:50"
    }
  }
};
</script>

<style scoped>
.record-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
}

.record-name {
  color: #484349;
  font-weight: 500;
}

.time {
  font-size: 0.9rem;
}
</style>